<template>
  <div class='pagenotfound'>
    <h3>404</h3>
  </div>
</template>

<script lang='ts'>

  import { defineComponent, reactive, onMounted} from 'vue'

  export default defineComponent({

    name: 'PageNotFound',

    props: {},

    components: {},

    setup() {

      const state = reactive({
      
      })

      onMounted(()=>{
        console.log('组件挂载了')
      })

      return {
        state
      }

    }

  })
</script>
<style lang="scss" scoped>
  .pagenotfound{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:100vh;

    h3{
      font-size: 50px;
      margin:0;
    }
  }
</style>